<!DOCTYPE html>
<html>
<head>
	<title>主页</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/atom.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/common.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/banner.css">
</head>
<body>
	<!-- header -->
	<header>
		<div class="left">
			<span class="logo-graphic">A</span>
			<em>我的OA,一切从简</em>
		</div>
		<div class="right">
			<i class="fa fa-commenting-o"></i>
			<ul class="fade nav-list">
				<li><a href="#">标题1</a></li>
				<li><a href="#">标题2</a></li>
				<li><a href="#">标题3</a></li>
			</ul>
		</div>
	</header>
	<!-- header END -->
	<section class="container">
		<div class="flexslider">
			<ul class="slides">
				<li style="background:url(../dist/imgs/banner/img1.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(../dist/imgs/banner/img2.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(../dist/imgs/banner/img3.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(../dist/imgs/banner/img4.jpg) 50% 0 no-repeat;"></li>
				<li style="background:url(../dist/imgs/banner/img5.jpg) 50% 0 no-repeat;"></li>
			</ul>
		</div>
		<div class="block mgt-1">
			<h3>
				<i class="fa fa-search module-title mgr-5"></i>开始我的应用
			</h3>
			<div class="block_content width-23 mgt-m1">
				<div class="app-bulletin app box-shadow-1">
					<a href="boardList.html">公告板</a>
				</div>
				<div class="app-overTime app box-shadow-1">
					<a href="OverTimeApply.html">加班</a>
				</div>
				<div class="app-leave app">
					<a href="inspectApply.html">请假</a>
				</div>
				<div class="app-finace app">
					<a href="financeApply.html">财务</a>
				</div>
				<div class="app-confirmation app">
					<a href="inspectList.html">我的审批</a>
				</div>
				<div class="app-plan app">
					<a href="monthlyPlanList.html">我的计划</a>
				</div>
			</div>
		</div>

		<div class="block">
			<h3>
				<i class="fa fa-sticky-note-o module-title mgr-5"></i>我的审批
				<a href="inspectList.html" class="pull-right view-more">MORE</a>
			</h3>
			<div class="block_content width-23 mgt-m1">
				<ul class="approval">
					<li>
						<a  href="inspectDetail_user.html">
							<i class="fa fa-smile-o icon-smile-clr fa-2r" aria-hidden="true" style="float: left;"></i>	
							<div>
								<div class="type_status">		
									<label>请假 [已通过]</label>
								</div>
								<div class="description">									
									<label>请假时间：</label><p>2015-10-21 到 2015-10-24</p>
									<label>请假理由：</label><p>发高烧</p>
								</div>
							</div>
						</a>
					</li>
					<li>		
						<a  href="inspectDetail_user.html">
							<i class="fa fa-frown-o icon-cry-clr fa-2r" aria-hidden="true" style="float: left;"></i>	
							<div>
								<div class="type_status">		
									<label>请假 [已通过]</label>
								</div>
								<div class="description">									
									<label>请假时间：</label><p>2015-10-21 到 2015-10-24</p>
									<label>请假理由：</label><p>发高烧</p>
								</div>
							</div>
						</a>
					</li>
					<li>	
						<a href="materialDetail.html">	
							<i class="fa fa-filter icon-filter-clr fa-2r" aria-hidden="true" style="float: left;"></i>	
							<div>
								<div class="type_status">		
									<label>资料申请 [待审批]</label>
								</div>
								<div class="description">									
									<label>申请项目：</label><p>公司基本资料</p>
									<label>申请部门：</label><p>市场部</p>
									<label>事由：</label> <p>需要浏览公司基本资料</p>
								</div>
							</div>

					</li>
				</ul>
			</div>
		</div>
		<div class="block">
			<h3>
				<i class="fa fa-sticky-note-o module-title mgr-5"></i>公司资讯
				<a href="boardList.html" class="pull-right view-more">MORE</a>
			</h3>
			<div class="block_content">
				<ul class="bulletin">
					<li>
						<a href="boardDetail.html">
							<div>
								<span class="title">这是公告公告公告</span>
								<span class="date">2014-11-25</span>
							</div>
						</a>
					</li>
					<li>
						<a href="boardDetail.html">
							<i class="fa fa-fire icon-fire-cor fa-2r" aria-hidden="true" style="float: left; margin: 0.3rem 1rem 0 0;"></i>
							<div>
								<span class="title">公告超过两行将会自动省略</span>
								<span class="date">2014-11-25</span>
							</div>
						</a>
					</li>
					<li> 
						<a href="boardDetail.html">
							<div>
								<span class="title">这是公告公告公告这是公告公告公告这是公告公告公告这是公告公告公告这是公告公告公告</span>
								<span class="date">2014-11-25</span>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 最近的计划 -->
		<div class="mon-week-plans mgt-1rem">
			<h3>
				<i class="fa fa-sticky-note-o module-title mgr-5"></i>我最近的计划
				<a href="monthlyPlanList.html" class="pull-right view-more">MORE</a>
			</h3>
			<!-- 月计划 -->
			<ul class="plan-list month">
				<li class="plan-item">
					<a href="MonthlyPlanDetail.html">
						<p class="plan-text">
						忆往昔,浊浪衔沙空戏月,明月弄人似已圆.孤灯浊影独对欢,昔人弄花化又谁？
						<i>2015-06-12</i></p>
					</a>
				</li>
				<li class="plan-item">
					<a href="MonthlyPlanDetail.html">
						<p class="plan-text">
						忆往昔,浊浪衔沙空戏月,明月弄人似已圆.孤灯浊影独对欢,昔人弄花化又谁？
						<i>2015-06-12</i></p>
					</a>
				</li>
			</ul>
			<!-- 周计划 -->
			<ul class="plan-list week">
				<li class="plan-item">
					<a href="weeklyPlanDetail.html">
						<p class="plan-text">
						忆往昔,浊浪衔沙空戏月,明月弄人似已圆.孤灯浊影独对欢,昔人弄花化又谁？
						<i>2015-06-12</i></p>
					</a>
				</li>
				<li class="plan-item">
					<a href="weeklyPlanDetail.html">
						<p class="plan-text">
						忆往昔,浊浪衔沙空戏月,明月弄人似已圆.孤灯浊影独对欢,昔人弄花化又谁？
						<i>2015-06-12</i></p>
					</a>
				</li>
			</ul>
		</div>
	</section>

	<!-- footer -->
	<footer>
		<ul class="foot-tab-bar">
			<li class="active"><a href="#"><i class="fa fa-home"></i><p>主页</p></a></li>
			<li><a href="applyByMe.html"><i class="fa fa-th-large"></i><p>应用</p></a></li>
			<li><a href="structure.html"><i class="fa fa-users"></i><p>联系</p></a></li>
			<li><a href="personalInfo.html"><i class="fa fa-user"></i><p>我的</p></a></li>
		</ul>
	</footer>
	<!-- footer START -->

	<script type="text/javascript" src="../dist/js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="../dist/js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="../dist/js/equ.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('.flexslider').flexslider({
			directionNav: true,
			pauseOnAction: false
		});
	});
</script>
</body>
</html>